<template>
  <div class="Gojob">
    <Goback :title="title"></Goback>
    <Noticebar :text="text"></Noticebar>
    <div class="workday">
      <h3>工作周期（可多选）</h3>
      <ul>
        <li v-for="(item, index) in WorkDayArr" :key="index">{{ item }}</li>
      </ul>
    </div>
    <div class="workday">
      <h3>兼职类型（多选，最多选八个）</h3>
      <ul>
        <li v-for="(item, index) in WorkTypeArr" :key="index">{{ item }}</li>
      </ul>
    </div>
    <div class="workday">
      <h3>热门推荐</h3>
      <ul>
        <li v-for="(item, index) in HotArr" :key="index">{{ item }}</li>
      </ul>
    </div>
    <div class="workday">
      <h3>市场推广</h3>
      <ul>
        <li v-for="(item, index) in MarketArr" :key="index">{{ item }}</li>
      </ul>
    </div>
    <div class="workday">
      <h3>服务行业</h3>
      <ul>
        <li v-for="(item, index) in ServeArr" :key="index">{{ item }}</li>
      </ul>
    </div>
  </div>
</template>

<script>
import Noticebar from "@/components/index/Noticebar";
import Goback from "@/components/index/Goback";
export default {
  data() {
    return {
      title: "",
      text: "",
      WorkDayArr: ["短期兼职", "长期兼职", "周末兼职"],
      WorkTypeArr: ["不限"],
      HotArr: ["主播", "客服", "手机任务", "厂工"],
      MarketArr: [
        "网站",
        "短视频",
        "电商",
        "地推",
        "广告监测",
        "代理",
        "促销",
        "销售导购",
      ],
      ServeArr: ["店员", "厨师", "美容美甲", "送餐员", "服务员"],
    };
  },
  mounted() {
    this.title = this.$route.meta.title;
    this.text = this.$route.meta.text;
  },
  components: {
    Goback,
    Noticebar,
  },
};
</script>

<style lang="scss">
.workday {
  margin: 50px 37px;
  h3 {
    font-size: 28px;
    font-family: PingFang SC;
    font-weight: 600;
    color: #151515;
  }
  ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 10px;
    li:nth-child(1) {
      background-color: #fadf7d;
      color: #a76e00;
    }
    li {
      font-size: 24px;
      width: 152px;
      height: 58px;
      background: rgba(217, 217, 217, 0.5);
      border: 1px solid #d5d5d2;
      border-radius: 10px;
      text-align: center;
      line-height: 58px;
      margin-right: 20px;
      margin-bottom: 20px;
    }
  }
}
</style>
